#page{background: #fff;}
.pic_list li{ width: 30%; margin-right: 5%; margin-left: 0;}
.pic_list li:nth-child(3n){margin-right: 0;}

.main img{ max-width: 100%; height: auto !important;}
.final_page{word-break: break-all;}

/*图片列表*/
.pic_list li{ height: auto;}
.pic_list li .pic{ overflow: hidden;}
.pic_list li .pic > a{ display: block; background-position: center; background-size: cover; height: auto; padding-bottom: 74.26%;}
.pic_list li:hover .pic > a{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.pic_list li p{ width: 100%; box-sizing: border-box;}
.pic_list li p i{ width: 64%;}
.pic_list li p i a{ display: block; width: 100%;}
/*图片详情*/
.game163{ width: 78.4%; max-width: 700px; box-sizing: border-box;}
.game163 .bigImg li img{ width: 100%;}
.game163 .smallImg{ width: calc(100% - 40px);}
.game163 .pageState{top: auto; bottom: 106px;}

/*table*/
.tableParent{ margin-top: 30px;}
.tableParent table{ width: 100%; text-align: center;border-collapse: collapse;}
.tableParent table th{ padding: 10px; background: #d0e5ee; border-right: 1px #fff solid;  box-sizing: border-box;}
.tableParent table td{padding: 10px; background: #f4f4f4; border-top: 1px #fff solid; border-right: 1px #fff solid; box-sizing: border-box;}

/*招聘*/
.recru table{width: 100%; text-align: center;border-collapse: collapse;}
.recru table th{ padding: 10px; background: rgb(225, 237, 208);}
.recru table td{padding: 10px; background: rgb(244, 244, 244);}
.recru table tr:nth-child(2n) td{ background: #fff;}

/*联系我们*/
.map{width: 100%; height: 520px;}

.events img{ max-width: 100%; height: auto !important;}

/*留言*/
#verifyImg{ width: 100px; height: 60px; cursor: pointer;}
.message_cont{ box-sizing: border-box;}
.message_cont form{ width: 100%;}
.message_cont table{ width: 100%;}
.message_cont input{ width: 100%;}
.message_cont table td textarea{ width: 100%; height: 110px;}
.message_cont table td:first-child{ width: 17%;}
.message_cont table td:nth-child(2){ width: 32%;}
.message_cont table td:nth-child(3){ width: 51%;}
/*招聘详情*/
.zhaoTable{ display: none;}
/*应聘登记表*/
.list_form table td input[type=text]{ width: 100%;}

/*资质荣誉*/
.honorList .list{ overflow: hidden; margin-top: 60px;}
.honorList .list li{ float: left; width: 48%; margin-bottom: 30px;}
/* .honorList .list li:nth-child(3n){ margin-right: 0;} */
.honorList .list li:nth-child(2n){float: right;}
.honorList .list li .pic{ position: relative; overflow: hidden; background: url(../images/honorBg.jpg) no-repeat left bottom; background-size: cover; padding: 30px;}
.honorList .list li .pic em{ display: block; padding-bottom: 71%; background-size: contain; background-position: center; background-repeat: no-repeat;}
.honorList .list li p{height: 42px; background: #eee; text-align: center;line-height: 42px; font-size: 16px; color: #333333; font-weight: normal; padding: 0 5%; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; -webkit-transition: 0.3s;}
.honorList .list li b{position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: rgba(130,178,42,0.6); z-index: 2; filter: alpha(opacity=0); opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.honorList .list li i{width: 47px; height: 47px; position: absolute;left: 50%; top: 50%; margin: -24px 0 0 -24px; z-index: 4; background: url(../images/honorIcon.png) no-repeat center; background-size: 100% 100%; -webkit-transform: scale(0); transform: scale(0); transition: 0.3s; -webkit-transition: 0.3s;}
.honorList .list li a:hover p{background: #82b22a; color: #fff;}
.honorList .list li a:hover b{ opacity: 1;}
.honorList .list li a:hover i{-webkit-transform: scale(1);transform: scale(1);}
.honorList2 .list li{ width: 32%; margin-right: 2%; margin-bottom: 20px;}
.honorList2 .list li:nth-child(3n){ margin-right: 0;}
.honorList2 .list li:nth-child(2n){float: left;}

/*part1*/
.honorCont .part1{overflow: hidden;background-color: #fff;}
.honorCont .part1 .conL{float: left;width: 52%;height: 580px;}
.honorCont .part1 .conL .tit{font-size: 36px;line-height: 50px;color: #333;}
.honorCont .part1 .conL .honorL{width: 90%;margin-top: 15px;overflow: hidden;}
.honorCont .part1 .conL .honorL .swiper-slide{}
.honorCont .part1 .conL .honorL .swiper-slide ul{}
.honorCont .part1 .conL .honorL .swiper-slide ul li{position: relative;padding-left: 24px;border-bottom: 1px solid #dedfe0;font-size: 16px;line-height: 58px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.honorCont .part1 .conL .honorL .swiper-slide ul li:before{content: "";position: absolute;left: 0;top: 25px;width: 8px;height: 8px;background-color: #82b22a;border-radius: 50%;}

.honorCont .part1 .conL .btnsArea{overflow: hidden;margin-top: 40px;}
.honorCont .part1 .conL .btnsArea .btn{float: left;width: 35px;height: 36px;margin-right: 18px;cursor: pointer;}
.honorCont .part1 .conL .btnsArea .btnL{background-image: url(../images/btnL.png);}
.honorCont .part1 .conL .btnsArea .btnR{background-image: url(../images/btnR.png);}
.honorCont .part1 .conR{float: right;width: 48%;height: 580px;background-position: center;background-size: cover;background-repeat: no-repeat;}
/*part2*/



.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.6); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.Gallery.show { opacity: 1 }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.Gallery img { max-height: 87%; max-width: 99% }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99% }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0) }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0 }
.g-list span { display: inline-block; vertical-align: middle; height: 100% }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff }
.g-close { cursor: pointer }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px }
.g-top button:hover { opacity: 1 }

/*gyzc*/
.gyzc .gyzcVideo{ height: 250px; margin-top: 20px;}
.gyzc .gyzcVideo .fl{ float: left; width: 52%; height: 100%; padding-left: 9%; box-sizing: border-box;}
.gyzc .gyzcVideo .fl video{ width: 100%; height: 100%;}
.gyzc .gyzcVideo .fr{float: right; width: 45%; height: 100%;}
.gyzc .gyzcVideo .fr img{ max-height: 100%;}

.gcnj{ padding: 0 8%;}
.gcnj video{ width: 100%;}



@media screen and (max-width: 1200px){
	.right_box{width: calc(100% - 260px); margin-left: 0; float: right;}
	.main{ width: 90%; max-width: 1170px;}
	
	.banner{ background-size: cover !important;}
	/*新闻列表*/
	.news dl dt{ margin-right: 0;}
	.news dl dd{ width: calc(100% - 170px); float: right;}
	.news dl dd h4{ background-size: cover !important; background-position: top right;}
	.news dl dd h4 a{ width: calc(100% - 150px);}
	.page{ width: 100%;}
	/*新闻内页*/
	.cont_news img{ max-width: 100%; height: auto !important;}
	
	/*关于我们*/
	.aboutTopBox .aboutTopText{ width: 46%;}
	.aboutTopBox .aboutImg{}
	
}

@media screen and (max-width: 1024px){
	.left{ display: none;}
	.right_box{ width: 100%;}
	/*图片列表*/
	.pic_list li p:after, .pic_list li p:before{ display: none;}
	/*产品详情*/
	.game163{ width: 100%;}
}

@media screen and (max-width: 768px){
	.location span{ display: none;}
	.banner{ height: 130px;}
	/*page*/
	.page a{ display: none;}
	.page a.prev, .page a.next{ display: inline-block;}
	/*新闻内页*/
	.final_page{ line-height: 28px;}
	/*联系我们*/
	.map{ height: 300px;}
	/*留言*/
	.message_cont{ background: none;}
	/*荣誉*/
	.honorCont .part1 .conR{ display: none;}
	.honorCont .part1 .conL{ width: 100%;}
	/*gyzc*/
	.gyzc .gyzcVideo{ height: auto; margin-top: 6px;}
	.gyzc .gyzcVideo .fl{ width: 100%; height: 250px; padding-left: 0;}
	.gyzc .gyzcVideo .fr{ width: 100%;}
}

@media screen and (max-width: 468px){
	.location{ margin: 12px 0 16px 0; }
	.location em{ font-size: 20px;}
	/*新闻列表*/
	.news dl{ height: 80px;}
	.news dl dt{width: 104px; height: 76px;}
	.news dl dd{ width: calc(100% - 120px);}
	.news dl dd > span{ display: none;}
	.news dl dd h4{background-position: left top;}
	.news dl dd h4 span{ width: 70px; font-size: 12px; color: #888;}
	.news dl dd h4 a{ width: calc(100% - 74px); font-size: 14px;}
	.news dl dd p{ margin-top: 10px;}
	/*新闻内页*/
	.final_page .art_title .info{ margin: 6px 0 10px 0;}
	/*图片列表*/
	.pic_list li{ width: 48%; margin-right: 0; margin-bottom: 22px;}
	.pic_list li:nth-child(2n){float: right;}
	.pic_list li p i{ width: 92%;}
	/*产品详情*/
	.game163 .smallImg li{ width: 82px; box-sizing: border-box;}
	.game163 .smallImg img{ width: 100%; height: 60px;}
	.game163 .smallScroll{ height: 66px;}
	.game163 .sPrev, .game163 .sNext{ margin-top: 6px;}
	.game163 .pageState{ bottom: 94px;}
	/*table*/
	.tableParent table tr td{ font-size: 12px;}
	.tableParent table tr th:first-child{ display: none;}
	.tableParent table tr td:first-child{ display: none;}
	/*新闻列表*/
	.newstxt li a{ width: 76%;}
	/*招聘*/
	.recru table th{padding: 10px 4px;}
	.recru table td{ font-size: 12px; padding: 10px 4px;}
	/*联系我们*/
	.contact_box{ background: none;}
	/*留言*/
	.message_cont{ padding: 0; margin-top: 20px;}
	.message_cont table td:nth-child(2){ width: 100%;}
	.message_cont table td:nth-child(3){ width: 0;}
	.message_cont table td label{ line-height: 26px; margin-top: 10px;}
	.message_cont input{margin-top: 8px;}
	.message_cont textarea{margin-top: 8px;}
	/*招聘详情*/
	.zhaoTablePC{ display: none;}
	.zhaoTable{ display: block;}
	.zhaoTable table{border: 1px solid #ccc;border-collapse: collapse; width: 100%; box-sizing: border-box; background: #f7f7f7;}
	.zhaoTable table tr{ border-bottom: 1px #ccc solid;}
	.zhaoTable table td{ padding: 10px 4px; box-sizing: border-box;}
	.zhaoTable table td:first-child{min-width: 79px;}
	.zhaoTable table td p{ line-height: 24px;}
	/*关于我们*/
	.aboutTopBox .aboutTopText{ width: 100%;}
	.aboutTopBox .aboutImg{float: left;}
	.aboutTopBox .aboutTopText .txt{ margin-top: 10px;}
	.aboutTopBox .aboutTopText h4{ margin-top: 14px;}
	.aboutTopBox .aboutTopText ul li{ line-height: 28px; font-size: 13px;}
	.aboutTopBox .aboutTopText ul li b{ margin-right: 4px; width: 28px; height: 28px; line-height: 28px; font-size: 16px;}
	.aboutBtm{ margin-top: 20px;}
	/*荣誉*/
	.honorCont .part1 .conL .tit{ font-size: 20px;}
	.honorCont .part1 .conL .honorL{ width: 100%; margin-top: 0;}
	.honorCont .part1 .conL .honorL .swiper-slide ul li{ height: 42px; line-height: 42px; font-size: 14px;}
	.honorCont .part1 .conL .honorL .swiper-slide ul li:before{ top: 17px;}
	.honorCont .part1 .conL .btnsArea{ margin-top: 20px;}
	.honorCont .part1 .conL{ height: 420px;}
	.honorList .list{ margin-top: 20px;}
	.honorList .list li{ width: 100%; margin-right: 0;}
}